<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="shouye.css">
</head>

<body>
    <div class="pingmu">
        <header>
            <a href="#">=</a>
            <div>请输入要购买的产品</div>
            <button>登录</button>
        </header>
        <section>
            <div class="banner1">
                <!-- <ul>
                    <li class="active"><img src="./img/1.webp" alt=""></li>
                    <li><img src="./img/2.webp" alt=""></li>
                    <li><img src="./img/3.webp" alt=""></li>
                </ul>

                小圆点的个数是根据ul>li的个数动态生成的
                <ol>

                </ol>

                <span class="leftBtn">&lt;</span>
                <span class="rightBtn">&gt;</span>
                <p>123456</p> -->
            </div>
            <div class="box1">
                <div class="banner2">
                    <!--          <ul>
                             <li class="active"><img src="./img/1.webp" alt=""></li>
                             <li><img src="./img/2.webp" alt=""></li>
                             <li><img src="./img/3.webp" alt=""></li>
                         </ul>
                 
                         小圆点的个数是根据ul>li的个数动态生成的
                         <ol>
                 
                         </ol>
                 
                         <span class="leftBtn">&lt;</span>
                         <span class="rightBtn">&gt;</span> -->
                </div>
            </div>

            <div class="miaosha">
                <div class="miaoshaxinxi">
                    <h3>京东秒杀</h3>
                    <p>21:00倒计时</p>
                    <div class="daojishi">
                        <span>0</span>:
                        <span>0</span>:
                        <span>0</span>
                    </div>
                </div>
                <div class="daimiaosha">
                    <ul>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                        <li>
                            <img src="./images/1.png" alt="">
                            <p>家电</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="liulan">
                <ul>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                    <li>
                        <img src="./images/2.png" alt="">
                        <P>加多宝凉茶植物饮料310ml*24罐礼盒装春季送礼怕上火喝加多...</P>
                    </li>
                </ul>
            </div>
        </section>
        <footer>
            <a href="#" class="iconfont icon-01">首页</a>
            <a href="#" class="iconfont icon-fenlei">分类</a>
            <a href="#" class="iconfont icon-gouwuche">购物车</a>
            <a href="#" class="iconfont icon-weidenglu1-copy">未登录</a>
        </footer>
    </div>
</body>
<script src="shouye.js"></script>
</html>